* {
    margin : 0;
    padding: 0;
}

.zysz-xg {
    width : 1200px;
    height: 412px;
    margin: 100px auto;
}

ul {
    width          : 100%;
    height         : 100%;
    display        : flex;
    justify-content: space-between;
    list-style     : none;
}

li {
    position  : relative;
    flex      : 1;
    height    : 100%;
    transition: all 1s;
}

a {
    text-decoration: none;
}

img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

p {
    position      : absolute;
    font-size     : 20px;
    // line-height: 20px;
    letter-spacing: 4px;
    top           : 28px;
    left          : 24px;
    color         : #fff;
    writing-mode  : vertical-lr;
}


// 关键：

li:hover {
    flex-basis: 758px;
}